<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>订单详情 - <?php echo ($config["WEB_SITE_TITLE"]); ?></title>
    <script src="/Public/Home/js/adaptive.js"></script>
    <script src="/Public/Home/js/device.min.js"></script>
    <link rel="stylesheet" href="/Public/Home/css/reset.css">
    <link rel="stylesheet" href="/Public/Home/css/con-header.css">
    <script src="/Public/Home/js/mui.min.js"></script>
    <link href="/Public/Home/css/mui.min.css" rel="stylesheet"/>
    <style>

        h4,h5{margin-top: 0px;margin-bottom: 0px;}
        .content{width: 7.5rem;height: auto;margin: 0 auto;text-align: center;background: #F0F0F0}


        .dizhi{width: 100%;height: 2.16rem;background: #fff;text-align: left;padding-top: 0.2rem;position: relative;margin-top: 0.88rem;}
        .dizhi .user{margin-left: 0.78rem;font-size: 0.3rem}
        .dizhi .sel{float: right;margin-right: 0.78rem;font-size: 0.3rem}
        .dizhi img{position: absolute;left: 0.2rem;top:0.84rem;width: 0.47rem;height: 0.55rem;}
        .dizhi span:last-child{position: absolute;top:0.89rem;left: 0.78rem;display: inline-block;width: 6rem}
        .dizhi a{color: #5B5B5B}
        /*.dizhi span:last-child a{position: absolute;width: 5rem;height: 0.6rem;display: inline-block}*/

        .list{width: 100%;height: auto;}
        .list li{width: 100%;height: 3rem;padding: 0.25rem;position: relative;background: #fff;margin-top: 0.2rem;}
        .list li span{position: absolute;}
        .list li a{color: #7B7B7B}
        /*.list li .dianming{left: 0px;top: 0px;position: absolute}*/
        .list li span:nth-child(1){left: 0.25rem;top: 0.25rem;position: absolute;color: #333333}
        .list li img:nth-child(2){left: 0.25rem;top: 0.8rem;position: absolute;width:1.8rem;height: 1.8rem}
        .list li span:nth-child(3){left: 2.2rem;top: 0.8rem;position: absolute;width:4.2rem;height: 0.8rem;text-align: left;font-size: 0.28rem;line-height: 0.4rem;color: #333333}
        .list li span:nth-child(4){left: 2.2rem;top: 1.8rem;position: absolute;width:4.2rem;height: 0.8rem;text-align: left;color: #939393}
        .list li span:nth-child(5){right: 0.25rem;top: 1.8rem;position: absolute;text-align: right;color: #939393}


        .list2{width: 100%;height: auto;margin-top: 0.2rem;color: #646464;margin-bottom: 1.5rem}
        .list2 li{width: 100%;height: 0.8rem;text-align: left;line-height: 0.8rem;padding: 0px 0.3rem;background: #fff}
        .list2 li span{float: right}
        .list2 li:nth-child(3){margin-bottom: 0.2rem;}
        .list2 li:nth-child(4){margin-bottom: 0.2rem;}
        .list2 li:nth-child(5){margin-bottom: 0.2rem;}
        .list2 li:nth-child(6) span {color: red}



        /*结算栏*/
        .jiesuan{width: 100%;height: 1rem;background: #fff;position: fixed;bottom:0rem; }
        /*全选*/
        .quanxuan{width: auto;height: 0.7rem;display: inline-block;line-height:0.7rem;color: #469CFF;position: absolute;left: 0.35rem;top:0.15rem;
            font-size: 0.32rem}
        .jiesuan .pay{width: 2.3rem;height: 100%;color: #fff;text-align: center;line-height: 1rem;display: block;float: right;background: #469CFF;
            font-size: 0.27rem;}
        .jiesuan   .heji{;font-size: 0.36rem;line-height: 1rem;}
        .jiesuan   .heji a{color: #FC683C;font-size: 0.36rem}

    </style>
</head>
<body>


   <div class="content">
       <div class="top">
           <h4>订单详情</h4>
          <span class="back"></span>
       </div>

       <div class="dizhi">
           <span class="user">收货人：<a>吴先生</a></span>
           <span class="sel">13652541235</span>
           <img src="/Public/Home/images/dizhi.png" alt="">
           <span>收货地址：<a>河南省郑州市二七区万达广场二七区万达广场二七区万达广场</a></span>
       </div>


           <ul class="list">
               <li>
                   <span class="dianming">商品清单</span>
                   <img src="/Public/Home/images/dingdan-1.png" alt="">
                   <span class="duohang">静安秋冬昂苏暖保暖靴子静安秋冬昂苏暖保暖靴子靴子静安秋冬昂苏暖保暖靴靴子静安秋冬昂苏暖保暖靴</span>
                   <span>颜色分类：<a>灰色</a></span>
                   <span class="num">x1</span>
               </li>
     </ul>

       <ul class="list2">
           <li>商品数量 <span>x2</span></li>
           <li>商品价格 <span>积分2000</span></li>


       </ul>
       <!--结算栏-->
       <div class="jiesuan">
           <a href="dingdan-detils.html" class="pay">去结算</a>
           <span class="heji">合计：<a>积分0</a></span>

       </div>
   </div>

   <script src="/Public/Home/js/jquery-1.11.1.js"></script>
   <script src="/Public/Home/js/swiper-3.4.2.min.js"></script>
   <script src="/Public/Home/js/look-img.js"></script>
   <script>
       $(".back").click(function () {
           window.history.back(-1);
       })

   </script>
</body>
</html>